Day 7
卡片在商品介紹 或登入介面時常用到

通常格式為一張圖片 與他的title 配上說明
也有可能是 登入 及輸入密碼跟帳號的input

使用架構如下 配合昨天介紹的APP Bar 一個簡單的商品介紹跟使用者UI可以很迅速地套用元件完成

 <Card sx={{ maxWidth: 345 }}>
              <CardMedia
                component="img"
                height="140"
                image="https://fakeimg.pl/350x200/?text=Hello"
                alt="green iguana"
              />
              <CardContent>
                <Typography gutterBottom variant="h5" component="div">
                溯溪鞋
                </Typography>
                <Typography variant="body2">
                溯溪鞋 可以飛天遁地
                </Typography>
              </CardContent>
              <CardActions>
                <Button size="small">Share</Button>
                <Button size="small">get More</Button>
              </CardActions>
            </Card>

Day 8